<template>
	<view>
		<!-- 使用组件 -->
		<test v-if="flag"></test>
		
		<button type="primary" @click="checkTest">
			{{ flag ? '隐藏' : '显示' }}Test组件
		</button>
	</view>
</template>

<script>
	// 正确导入组件
	import test from '@/components/test.vue'
	
	export default {
		data() {
			return {
				flag: true  // 控制组件显示/隐藏
			}
		},
		components: {
			test  // 注册组件
		},
		methods: {
			checkTest() {
				this.flag = !this.flag
			},
			// 接收子组件传值的方法
			getNum(num) {
				console.log('接收到子组件的值:', num)
				this.num = num
			}
		}
	}

</script>